// import { Resizable } from 'react-resizable';
// import React, { useEffect, useState } from 'react';

// import { Table, Input, Button } from 'antd';
// import { request, history,Link } from 'umi';

import {
  ProFormText,
  ProFormSelect,
  ProFormDateTimePicker,
} from '@ant-design/pro-components';
import './index.less';
// import axios from 'axios';
export default () => {

  return (
    <div className="applys0">
      <div className="applysearch">

        <button>保存</button>
        <button>保存切更新</button>
        <button>草稿箱</button>
        <button>导入</button>

      </div>


      <div className='applyLeaveContent'>
        <h1>发起时间</h1>
        <table className="table">
          <tbody>
            <tr>
              <td>任务名称：</td>
              <td>
                <ProFormText
                  name="anumber"

                />
              </td>
              <td>
                <span>*</span> 发起人：
              </td>
              <td>
                {/* <ProFormText width="md" name="name" disabled /> */}
              </td>

            </tr>
            <tr>
              <td>
                <span>*</span> 责任人：
              </td>
              <td>
                <ProFormText
                  width="md"
                  name="name"
                  // disabled
                // value={prodepartment}
                />
              </td>
              <td>
                <span>*</span> 协办人：
              </td>
              <td>
                <ProFormText
                  width="md"
                  name="name"
                  // disabled
                // value={applyTime}
                />
              </td>

            </tr>
            <tr>
              <td>
                <span>*</span> 开始时间：
              </td>
              <td>
                <ProFormDateTimePicker
                  name="date"
                  placeholder={''}
                />
              </td>
              <td>知会人：</td>
              <td colspan={5}>
                <input
                  type="text"
                // value={technological}
                // onChange={(e) => {
                //   setTechnological(e.target.value);
                // }}
                />
              </td>

            </tr>
            <tr>
              <td>
                <span>*</span> 结束时间：
              </td>
              <td>
                <ProFormDateTimePicker
                  name="date"
                  placeholder={''}
                />
              </td>
              <td>
              </td>
              <td>
              </td>
            </tr>
            <tr>

              <td>
                任务说明：
              </td>
              <td  colSpan={3}>
              <input
                  type="text"
               
                />
              </td>

            </tr>
          </tbody>
        </table>
        <table className="table0">
          <tbody>
            <tr>
              <td colspan={9}>
                附件上传<button>批量上传</button>
              </td>
            </tr>
            <tr>
              <td>文件名称</td>
              <td>文件大小</td>
              <td>上传人</td>
              <td>上传时间</td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
            </tr>
            <tr>
              <td colspan={9}></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  );
};
